<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<link rel="stylesheet" href="css/bootstrap.min.css" />
		<link rel="stylesheet" href="css/bootstrap-datetimepicker.css" />
		<link rel="stylesheet" href="css/jquery-ui.min.css" />
		<link rel="stylesheet" href="css/blog.css" />
		<link rel="stylesheet" href="css/menu.css" />
		<script type="text/javascript" src="js/jquery.js"></script>
		<script type="text/javascript" src="js/jq-extends.js"></script>
		<script type="text/javascript" src="js/bootstrap.min.js"></script>
		<script type="text/javascript" src="js/bootstrap-datetimepicker.js"></script>
		<script type="text/javascript" src="js/bootstrap-datetimepicker.zh-CN.js"></script>
		<script type="text/javascript" src="js/jquery-ui.min.js"></script>
		<script type="text/javascript" src="js/menu.js"></script>
		<script type="text/javascript" src="js/nojs.js"></script>
		<title>我的博客</title>

		<style>
			.list-group.panel> .list-group-item {
				border-bottom-right-radius: 4px;
				border-bottom-left-radius: 4px
			}
			
			.list-group-submenu {
				margin-left: 20px;
			}
		</style>
		<link rel="stylesheet" href="css/bootstrap.min.css" />
		<link rel="stylesheet" href="css/bootstrap-datetimepicker.css" />
		<link rel="stylesheet" href="css/jquery-ui-1.10.0.custom.css" />
		<link rel="stylesheet" href="css/blog.css" />
		<link rel="stylesheet" href="css/menu.css" />
		<script type="text/javascript" src="js/jquery.js"></script>
		<script type="text/javascript" src="js/jq-extends.js"></script>
		<script type="text/javascript" src="js/bootstrap.min.js"></script>
		<script type="text/javascript" src="js/bootstrap-datetimepicker.js"></script>
		<script type="text/javascript" src="js/bootstrap-datetimepicker.zh-CN.js"></script>
		<script type="text/javascript" src="js/jquery-ui-1.9.2.custom.min.js" ></script>
		<script type="text/javascript" src="js/menu.js"></script>
		<script type="text/javascript" src="js/nojs.js"></script>
		<script type="text/javascript" src="js/nojs-module-file.js"></script>
		<script>
			$(function() {
				$("form").on("submit", function(){
					console.info(123);
					return false;
				});
				$( "#dialog" ).dialog({ autoOpen: true ,modal: true});
				var s = "m-12";
				console.info(s.substring(2));
			});
		</script>
		</style>
	</head>

	<body>
		<div id="dialog" title="Dialog Title">I'm a dialog</div>
		<!--容器开始-->
		<div class="container">
			<div class="row">
				<div class="col-md-12 text-center">
					
					<form>
						<button type="submit">xx</button>
					</form>
					
					


					<hr>
					<form class="form-horizontal validate" role="form" method="post">
						<input name="code" />
						<input name="10" />
						<input name="11" />
						<input name="13" />
						<div class="form-group">
							<label for="firstname" class="col-sm-2 control-label">名称</label>
							<div class="col-sm-6">
								<input type="text" class="form-control" id="name" name="name" value="${entity.name }" data-rule-required="true" placeholder="请输入名称">
							</div>
							<div class="col-sm-4 help-inline form-control-static"></div>
						</div>
					</form>

					<hr />
					<a href="#" class="haha">xx</a>
					<hr />

				</div>

			</div>
			<!--主体开始-->
			<div class="row">
				<div class="col-md-4">
					<div id="MainMenu">
						<div class="list-group panel">
							<a href="#demo3" class="list-group-item list-group-item-success" data-toggle="collapse" data-parent="#MainMenu">Item 3</a>
							<div class="collapse" id="demo3">
								<a href="#SubMenu1" class="list-group-item" data-toggle="collapse" data-parent="#SubMenu1">Subitem 1 <i class="fa fa-caret-down"></i></a>
								<div class="collapse list-group-submenu" id="SubMenu1">
									<a href="#" class="list-group-item" data-parent="#SubMenu1">Subitem 1 a</a>
									<a href="#" class="list-group-item" data-parent="#SubMenu1">Subitem 2 b</a>
									<a href="#SubSubMenu1" class="list-group-item" data-toggle="collapse" data-parent="#SubSubMenu1">Subitem 3 c <i class="fa fa-caret-down"></i></a>
									<div class="collapse list-group-submenu list-group-submenu-1" id="SubSubMenu1">
										<a href="#" class="list-group-item" data-parent="#SubSubMenu1">Sub sub item 1</a>
										<a href="#" class="list-group-item" data-parent="#SubSubMenu1">Sub sub item 2</a>
									</div>
									<a href="#" class="list-group-item" data-parent="#SubMenu1">Subitem 4 d</a>
								</div>
								<a href="javascript:;" class="list-group-item">Subitem 2</a>
								<a href="javascript:;" class="list-group-item">Subitem 3</a>
							</div>
							<a href="#demo4" class="list-group-item list-group-item-success" data-toggle="collapse" data-parent="#MainMenu">Item 4</a>
							<div class="collapse" id="demo4">
								<a href="" class="list-group-item">Subitem 1</a>
								<a href="" class="list-group-item">Subitem 2</a>
								<a href="" class="list-group-item">Subitem 3</a>
							</div>
						</div>
					</div>

				</div>
			</div>
			<!--主体结束-->
		</div>
		<!--容器结束-->

	</body>

</html>